<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>center 学习</title>

	<style type="text/css">
   #mycenter{
   	width: 300;
   	height: 400px;
   	background-color: #22ffee;
   	display: table;
   	text-align: center;
   }

   #inner{
    display: table-cell;
    vertical-align: middle;
   }
	</style>
</head>
<body>

  <div id="mycenter">
  	<div id="inner">
  		天将降大任于斯人也，必先苦其心志，劳其筋骨，饿其体肤，空乏其身，行佛乱其所为，所以，动心忍性，增益其所不能。
  	</div>
  </div>
	
</body>
</html>